
<div class="widget-userqueue">
    <div class="queue-container">
        <div class="queue-money">
            <div class="queue-content">
                <div class="queue-type">排队资金</div>
                <div class="queue-data-bar">
                    {%foreach $money.money_list as $k => $item%}
                    <span class="data-item data-{%$item["type"]%}"
                          data-type="{%$item["type"]%}-money"
                          data-value="{%$item["value"]%}"
                          data-wait-day="{%$item["wait_day"]%}"
                          data-center="{%$item["center"]%}"
                          style="width:{%$item["rate"]%}%;left:{%$item["left"]%}%;"></span>
                    {%/foreach%}
                </div>
            </div>

            <div style="height: 15px;"></div>
            <div class="progress">
                <div class="progress-content">
                    {%if $queue_time.days.tomorrow%}
                    <div class="tomorrow" style="width:{%$queue_time.days.tomorrow*7%}px;">
                        <div class="day-bg"></div>
                        <div class="day-text">明天</div>
                    </div>
                    {%/if%}
                    {%if $queue_time.days.after_tomorrow%}
                    <div class="after-tomorrow" style="width:{%$queue_time.days.after_tomorrow*7%}px;">
                        <div class="day-bg"></div>
                        <div class="day-text">后天</div>
                    </div>
                    {%/if%}
                    {%if $queue_time.days.more%}
                    <div class="more-day"></div>
                    {%/if%}
                </div>
            </div>
        </div>

        <div class="queue-people">
            <div class="queue-content">
                <div class="queue-type">排队人数</div>
                <div class="queue-data-bar">
                    {%foreach $people.people_list as $k => $item%}
                    <span class="data-item data-{%$item["type"]%}"
                          data-type="{%$item["type"]%}-people"
                          data-value="{%$item["value"]%}"
                          data-center="{%$item["center"]%}"
                          style="width:{%$item["rate"]%}%;left:{%$item["left"]%}%;">{%if $item["rate"]>5%}{%$item["value"]%}人{%/if%}</span>
                    {%/foreach%}
                </div>
            </div>
        </div>


        <div class="explain">
            <div class="self-explain">
                <i class="self-explain-icon"></i>
                <span>当前我的位置</span>
            </div>
            <div class="other-explain">
                <i class="other-explain-icon"></i>
                <span>其他用户的位置</span>
            </div>
        </div>
    </div>

</div>

{%script%}
   require("index:widget/userqueue/userqueue.js").userqueue();
{%/script%}
